import React, { useEffect, useState } from 'react';

// const Steps = ({ currentStep, children }) => {
//     return (
//         <div>
//             {React.Children.map(children, (child, index) => {
//                 if (index > 1) {
//                     return null;
//                 }
//                 return React.cloneElement(child, {
//                     index: index,
//                     currentStep: currentStep
//                 });
//             })}
//         </div>
//     );
// };

// const Step = ({ index, currentStep }) => {
//     return <div className={`indicator${currentStep >= index + 1 ? ' active' : ''}`} />;
// };

export default () => {
    const [currentStep, setCurrentStep] = useState(0);
    useEffect(() => {
        // function copy(obj) {
        //     let result = Array.isArray(obj) ? [] : {};
        //     Object.keys(obj).forEach(key => result[key] = obj[key]);
        //     return result;
        // }
        // let a = { a: 1, b: 2 };
        // let b = copy(a);
        // otherStar={...star}
        // Object.assign({},star)
        // console.log(Object.assign({}, a));
    });
    return (
        <div onClick={() => { setCurrentStep(currentStep + 1); }}>
            child
            {/* <Steps currentStep={currentStep}>
                <Step />
                <Step />
                <Step />
            </Steps> */}
        </div>
    );
};